<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>VinculaEntorno</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">

	<script language="JavaScript">
		function submitForms(){
			document.getElementById("firstform").submit();
			document.getElementById("secondform").submit();
		}

	</script>

	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/spacelab.css" %}">
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/responsive.css" %}">
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/misestilos.css" %}">
	{% load staticfiles %} <link rel="stylesheet" href="{% static "css/formhelpers.css" %}">

        {% load staticfiles %}
        <link rel="stylesheet" href="{% static "css/menu_jquery.css" %}">
</head>

<body>
	{% include "topmenu.html" %}

	<div class="container"> <!-- Container -->
        {% if login_error %}
            <div class="alert alert-error">
              <button type="button" class="close" data-dismiss="alert">&times;</button>
              <strong>Error!</strong> Los datos ingresados son incorrectos
            </div>
        {% endif %}
        {% if registro_error %}
            <div class="alert alert-error">
              <button type="button" class="close" data-dismiss="alert">&times;</button>
              <strong>Error!</strong> Ha ocurrido un error en el registro de Usuario, compruebe sus datos e intente de nuevo                
            </div>
        {% endif %}
        {% if registro_check %}
        	<div class="alert alert-success">
              <button type="button" class="close" data-dismiss="alert">&times;</button>
              <strong>Registro Exitoso!</strong> Los datos para el registro de la Universidad serán validados por el Adm. Regional
            </div>
        {% endif %}

    	<div id="result_email">	</div>
		
		<div class="row-fluid"> <!-- SECCION DE REGISTROS -->
			<div class="span6"> <!-- SECCION FORMULARIO DE REGISTRO PARA EL USUARIO -->
				<div class="page-header" align="center"> <!-- Titulo seccion registro de usuario-->
					<h1>Paso 1</h1>
					<p>Inscribete junto con tu Universidad</p>
				</div> <!-- /Titulo seccion registro de usuario-->
			</div>

			<div class="page-header" align="center"> <!-- Titulo seccion registro de universidades-->
				<h1>Paso 2</h1>
				<p>Inscribe a tu Universidad</p>
			</div> <!-- /Titulo seccion registro de universiades -->
		</div>

		<small>Campos con (*) son de caracter obligatorio para el registro.</small>

		<!-- FORMULARIO DE REGISTRO -->
		<form action="/plataforma/agregarUniv/" method="POST" name="agregarUniv" class="form-horizontal well" id="formUniv"> 
			{% csrf_token %}	
			<div class="row-fluid">
				<div class="span6"><!-- SECCION FORMULARIO DE REGISTRO DE USUARIOS -->
					<!-- FORULARIO DE REGISTRO DE UNSUARIOS -->
					<div class="control-group"> <!-- Nombre -->
						<label for="nombre" class="control-label">Nombre*</label>
						<div class="controls">
							<input type="text" name="nombre" id = "nombre" class="textarea_reg_univ" required>
						</div> 
					</div> <!-- /Nombre -->

                    <div class="control-group"> <!-- Apellido -->
						<label for="apellido" class="control-label">Apellido*</label>
						<div class="controls">
							<input type="text" name="apellido" id = "apellido" class="textarea_reg_univ" required>
						</div>
					</div> <!-- /Apellido -->

					<div class="control-group"> <!-- Email -->
						<label for="mail" class="control-label">E-mail*</label>
						<div class="controls">
							<input type="email" name="email" placeholder="ejemplo@ejemplo.com" id = "email" class="textarea_reg_univ" onblur="javascript:ajax_message_email(event)" required>
						</div>
					</div> <!-- /Email -->

					<div class="control-group"> <!-- Password -->
						<label for="password" class="control-label">Contraseña*</label>
						<div class="controls">
								<input type="password" name="password" id = "password" class="textarea_reg_univ" required>
						</div>
					</div>  <!-- /Password -->

					<div class="control-group"> <!-- Confirmacion Password-->
						<label for="confirmacion" class="control-label">Confirmar Contraseña*</label>
						<div class="controls">
								<input type="password" name="confirmacion" id = "confirmacion" class="textarea_reg_univ" required>
						</div>
					</div> <!-- /Confirmacion Password-->
					<!-- /FORULARIO DE REGISTRO DE UNSUARIOS -->
				</div><!-- /SECCION FORMULARIO DE REGISTRO DE USUARIOS -->

				<div class="span6" id="Span6Form"> <!-- SECCION FORMULARIO DE REGISTRO DE UNIVERSIDADES -->
					<!-- FORULARIO DE REGISTRO DE UNIVERSIDADES -->						
					<div class="control-group"> <!-- Nombre -->
						<label for="nombre" class="control-label">Nombre*</label>
						<div class="controls"> 
							<input type="text" name="nombreUniv" id = "nombreUniv" class="textarea_reg_univ" required>
						</div>
					</div> <!-- /Nombre -->

					<div class="control-group"> <!-- Telefono -->
						<label for="telefono" class="control-label">Teléfono</label>
						<div class="controls">
							<input type="text" name="cod_pais" id = "cod_pais" class="textarea_reg_univ_tel" placeholder="Cod.País">
							<input type="text" name="cod_ciudad" id = "cod_ciudad" class="textarea_reg_univ_tel" placeholder="Cod. Área"><br />
							<input type="text" name="telefono" id = "telefono" class="textarea_reg_univ" placeholder="Num. Tel.">
						</div>
					</div> <!-- /Telefono -->

					<div class="control-group"> <!-- Url -->
						<label for="url" class="control-label">Url*</label>
						<div class="controls">
							<input type="text" name="url" id = "url" class="textarea_reg_univ"  placeholder="www.example.com" required>
						</div>
					</div> <!-- /Url -->

					<div class="control-group"> <!-- Siglas -->
						<label for="siglas" class="control-label">Siglas</label>
						<div class="controls">
							<input type="text" name="siglas" id="siglas" class="textarea_reg_univ">
						</div>
					</div> <!-- /siglas -->

					<div class="control-group"> <!-- Direccion -->
						<label for="direccion" class="control-label">Direccion</label>
						<div class="controls">
							<input type="text" name="direccion" id="direccion" class="textarea_reg_univ" >
						</div>
					</div> <!-- /Direccion -->

					<div class="control-group"> <!-- Pais -->
						<label for="pais" class="control-label">Pais*</label>
						<div class="controls">
							<select name="pais"  id = "pais" class="selectarea_reg_univ">
								{% for nombre, codigo in lista_sinc_paises %}
									<option value="{{ nombre }}">{{ codigo }}</option>
								{% endfor %}
							</select>
						</div>
					</div> <!-- /Pais -->
					<!-- /FORULARIO DE REGISTRO DE UNIVERSIDADES -->
				</div> <!-- /SECCION FORULARIO DE REGISTRO DE UNIVERSIDADES -->
			</div>

			<!-- BOTON DE REGISTRO -->
			<div class="form-actions", align="center", id="formActionRegistroUniv">
				<button type="submit" onClick="validateEmailField(email)" class="btn btn-primary">Enviar Datos</button>
			</div> <!-- /BOTON DE REGISTRO -->

		</form> <!-- /FORULARIO DE REGISTRO -->

		<div class="row-fluid"> <!-- SECCION PARTICIPANTES Y SOCIOS -->
			<div class="page-header"> <!-- Participantes -->
				<h3>Participantes</h3>
				<p><small>Datos y reportes de universidades que forman parte del proyecto.</small></p>
				<p><a class="btn btn-mini" href="/plataforma/participantes/">Ver detalles &raquo;</a></p>
			</div> <!-- /Participantes -->
				
			<div class="page-header"> <!-- Socios -->
				<h3>Socios</h3>
				<p>
					<a href="http://www.uca.edu.py" target="_blank">
						{% load staticfiles %}<img class="img-rounded"src="{% static "img/logo_uc.png" %}" height="250" width="180">
					</a>
					<a href="http://www.cyt.uca.edu.py" target="_blank">
						{% load staticfiles %}<img class="img-rounded"src="{% static "img/cyt.png" %}" height="250" width="180">
					</a>
				</p>
			</div> <!-- /Socios -->	
		</div> <!-- /SECCION PARTICIPANTES Y SOCIOS -->

	{% include "footer.html" %} <!-- Footer -->
	</div> <!-- Container -->

	<!-- JS files -->
	{% load staticfiles %} <script type="text/javascript" src="{% static "js/jquery.js" %}"></script>
	{% load staticfiles %} <script type="text/javascript" src="{% static "js/bootstrap.js" %}"></script>
	{% load staticfiles %} <script type="text/javascript" src="{% static "js/ajax.js" %}"></script> 
	        {% load staticfiles %} <script type="text/javascript" src="{% static "js/menu_jquery.js" %}"></script>
</body>
</html>
